
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="reset">重新开始一局游戏</button><br/>
    <span>请输入要猜的数字：</span>
    <input type="text" id="guessNUM">
    <button id="guess">猜</button><br/>
    <span>已经猜额额次数：</span><span id="count">0</span><br/>
    <span>结果:</span><span id="result"></span>

    <script src="jquery-3.7.1.min.js"></script>
    <script>
        let count=0;
        //随机数字的获取；
        let number=Math.floor(Math.random()*100)+1;//1-100的数字；
        console.log(number);
        $("#guess").click(function(){
            count++;

            let guessNUM= $("#guessNUM").val();

            $("#count").text(count);

            if(number<guessNUM){
                $("#result").text("猜大了");
                $("#result").css("color","red");
            }else if(number>guessNUM){
                $("#result").text("猜小了");
                $("#result").css("color","red");
            }else{
                 $("#result").text("猜对了");
                  $("#result").css("color","green");
            }
        });
        $("#reset").click(function(){
            number=Math.floor(Math.random()*100)+1;
            console.log(number);
            count=0;
            $("#result").text("");
            $("#count").text(count);
            $("#guessNUM").val("");
        });

    </script>


</body>
</html>